<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, 
		minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>奥凯航空后勤资产管理系统-登录</title>
		<link rel="stylesheet" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
		<script type="text/javascript" src="js/validateCode.js"></script>
	</head>
	<body style="background-image: url(img/plane.jpg);">
		<br><br><br><br><br>
		<center>
			<div align="center" style="width: 50%;height: 100%;">
				<div class="layui-card">
					<div class="layui-card-header">
					<h2>	<label class="text-success">奥凯航空后勤资产管理系统</label></h2>
					</div>
					<div class="layui-card-body">
					<div class="layui-tab" >
						<ul class="layui-tab-title">
							<li class="layui-this" style="color:#FFFFFF"><span class="layui-icon layui-icon-link" style="color:darkcyan;"></span>用户登录</li>
							<li style="color:#FFFFFF"><span class="layui-icon layui-icon-about" style="color:darkcyan;"></span>新用户注册</li>
						</ul>
						<div class="layui-tab-content" >
							<div class="layui-tab-item layui-show">
								<form id="frm_login" class="layui-form" action="">
									<div class="layui-form-item">
										<label class="layui-form-label">用户名</label>
										<div class="layui-input-block">
											<input type="text" id="uname" name="uname" required lay-verify="required" placeholder="请输入用户名" autocomplete="off"
											 class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">密码</label>
										<div class="layui-input-inline">
											<input type="password" id="upwd" name="upwd" required lay-verify="required" placeholder="请输入密码" autocomplete="off"
											 class="layui-input">
										</div>
										<div class="layui-form-mid layui-word-aux">请输入6-12位以上密码</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">验证码</label>
										<div class="layui-input-inline">
											<input size="4" type="text" id="vcode" name="vcode" required lay-verify="required" placeholder="请输入验证码"
											 autocomplete="off" class="layui-input">
										</div>
										<canvas id="vcode_img" width="130px" height="35px"></canvas>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">记住密码</label>
										<div class="layui-input-inline">
											<input id="rememberPwd" type="checkbox" name="switch" lay-skin="switch" lay-text="是|否">
										</div>
									</div>
									<div align="center">
										<a id="login" href="javascript:void(0);" class="layui-btn layui-btn-success"><span class="layui-icon layui-icon-login-weibo"></span>
											登录</a>
										<a href="javascript:reset()" class="layui-btn layui-btn-primary"><span class="layui-icon layui-icon-delete"></span>
											重置</a>
									</div>
								</form>
							</div>
							<div class="layui-tab-item">
								<form id="frm_register" class="layui-form" action="">
									<div class="layui-form-item">
										<label class="layui-form-label">用户名</label>
										<div class="layui-input-block">
											<input type="text" id="r_uname" name="r_uname"  placeholder="请输入用户名" autocomplete="off"
											 class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">密码</label>
										<div class="layui-input-inline">
											<input type="password" id="r_upwd" name="r_upwd" placeholder="请输入密码" autocomplete="off"
											 class="layui-input">
										</div>
										<div class="layui-form-mid layui-word-aux">请输入6-12位以上密码</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">确认密码</label>
										<div class="layui-input-inline">
											<input type="password" id="r_cupwd" name="r_rupwd"  placeholder="请输入确认密码" autocomplete="off"
											 class="layui-input">
										</div>
										<div class="layui-form-mid layui-word-aux">请再次输入密码</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">Email</label>
										<div class="layui-input-inline">
											<input type="email" id="r_email" name="r_email" placeholder="请输入邮箱" autocomplete="off"
											 class="layui-input">
										</div>
									</div>
									<div align="center">
										<a href="javascript:register()" class="layui-btn layui-btn-success"><span class="layui-icon layui-icon-login-weibo"></span>
											注册</a>
										<a href="javascript:r_reset()" class="layui-btn layui-btn-primary"><span class="layui-icon layui-icon-delete"></span>
											重置</a>
									</div>
								</form>
							</div>
						</div>
					</div>	
					</div>
				</div>
			
			</div>
		</center>
		<script>
			//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
			layui.use('element', function() {
				var element = layui.element;

				//…
			});
		</script>
		<script type="text/javascript" src="js/login.js"></script>
		<script type="text/javascript" src="layui/layui.all.js"></script>
		<script>document.write('<script src="//' + (location.host || 'localhost').split(':')[0] + ':35929/livereload.js?snipver=1"></' + 'script>')</script><script>document.addEventListener('LiveReloadDisconnect', function() { setTimeout(function() { window.location.reload(); }, 500); })
		</script>
		<script type="text/javascript">
			$(function(){
				drawPic();
				$("#vcode_img").click(function(){
					drawPic();
				});
			});
			var uname = localStorage.getItem("uname");
			if(uname.length !=0){
				$("#uname").val(uname);
			}
			var upwd = localStorage.getItem("upwd");
			if(upwd.length !=0){
				$("#upwd").val(upwd);
			}
		</script>
	</body>
</html>
